<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<jsp:include page="/WEB-INF/templateFrontoffice/header.jsp"/>
<script src="<c:url value='/javascript/keyinput.js'/>"></script>
<div id="container">
    <div id="top">
        <span id="arianne"><a href="<c:url value='/'/>">Accueil</a> > <a href="<c:url value='Login'/>">Connexion</a></span><br/>
        <div id="main" style="margin-bottom: 15px">
            <h1>Bienvenue sur l'espace de connexion</h1><br/>
            <form action="<c:url value='/login'/>" method="POST">
                <span class="error">${error}</span><br/>
                <div class="bulle">
                    <h2>Saisissez votre code client</h2>
                    <div class="bulle_padding">
                        <input type="text" name="login" value="<c:out value='${login}'/>"/>
                    </div>
                </div>

                <div class="bulle">
                    <h2>Composez votre code secret</h2>
                    <div class="bulle_padding">
                        <!-- <input type="password" id="placeholder" name="placeholder" disabled="disabled"/>-->
                        <input type="password" id="pass" name="pass"/>
                        <!-- <span id="effacer" class="grayButton effacer">Effacer</span><br/>
                        <div class="keyboard">
                            <span class="keynumber keyMargin"><c:out value='${keyboard[0]}'/></span>
                            <span class="keynumber keyMargin"><c:out value='${keyboard[1]}'/></span>
                            <span class="keynumber keyMargin"><c:out value='${keyboard[2]}'/></span>
                            <span class="keynumber keyMargin"><c:out value='${keyboard[3]}'/></span>
                            <span class="keynumber keyMargin"><c:out value='${keyboard[4]}'/></span>
                            <br/>
                            <span class="keynumber"><c:out value='${keyboard[5]}'/></span>
                            <span class="keynumber"><c:out value='${keyboard[6]}'/></span>
                            <span class="keynumber"><c:out value='${keyboard[7]}'/></span>
                            <span class="keynumber"><c:out value='${keyboard[8]}'/></span>
                            <span class="keynumber"><c:out value='${keyboard[9]}'/></span>
                        </div>-->
                    </div>
                </div>

                <div style="margin-left:84px">
                    <input type="image" src="<c:url value='/images/1420776797_Key.png'/>" alt="Submit" class="connexionKey"/>
                    <input type="submit" class="grayButton connexion" value="Connexion"/>
                </div>
            </form>
        </div>
        <div id="sidebar" class="rounded" style="margin-top: 102px; margin-left: -200px;">
            <h2>Besoin d'aide ?</h2>
            <p class="img"><img src="<c:url value='/images/financial_11.jpg'/>" alt="" width="265" height="2"/></p>
            <p class="a_black"><a href="#">Des difficultés pour vous connecter ?</a></p>
            <p class="a_black"><a href="<c:url value='contact.jsp'/>">Nous contacter</a></p>
        </div>
    </div>
    <!--end bottom-->
</div>
<jsp:include page="/WEB-INF/templateFrontoffice/footer.jsp"/>